<template>
  <div class="app">
    <UserInfo :username="username" :age="age" :isSingle="isSingle" :car="car" :hobby="hobby"></UserInfo>
  </div>
</template>

<script>
import UserInfo from "./components/UserInfo.vue";
export default {
  data() {
    return {
      username: "小帅",
      age: 28,
      isSingle: true,
      car: {
        brand: "宝马"
      },
      hobby: ["篮球", "足球", "羽毛球"]
    };
  },
  components: {
    UserInfo
  }
};
</script>

<style>
</style>